﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.1 - 睡眠音乐</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_1_-_睡眠音乐/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_1_-_睡眠音乐/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (屏幕) -->

      <!-- Unnamed (矩形) -->
      <div id="u2406" class="ax_default box_1">
        <div id="u2406_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2407" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2408" class="ax_default box_1">
        <div id="u2408_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2409" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2410" class="ax_default icon">
        <img id="u2410_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u2411" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2412" class="ax_default icon">
        <img id="u2412_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u2413" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2414" class="ax_default label">
        <div id="u2414_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2415" class="text">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2416" class="ax_default label">
        <div id="u2416_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2417" class="text">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2418" class="ax_default label">
        <div id="u2418_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2419" class="text">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2420" class="ax_default icon">
        <img id="u2420_img" class="img " src="images/1_-_闹钟首页/u87.png"/>
        <!-- Unnamed () -->
        <div id="u2421" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u2422" class="ax_default ellipse">
        <img id="u2422_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u539.png"/>
        <!-- Unnamed () -->
        <div id="u2423" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2424" class="ax_default line">
        <img id="u2424_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2425" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2426" class="ax_default line">
        <img id="u2426_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2427" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2428" class="ax_default line">
        <img id="u2428_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2429" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2430" class="ax_default line">
        <img id="u2430_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2431" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2432" class="ax_default label">
        <div id="u2432_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2433" class="text">
          <p><span>睡眠</span></p><p><span>音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u2434" class="ax_default ellipse">
        <img id="u2434_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u539.png"/>
        <!-- Unnamed () -->
        <div id="u2435" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2436" class="ax_default line">
        <img id="u2436_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2437" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2438" class="ax_default line">
        <img id="u2438_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2439" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2440" class="ax_default line">
        <img id="u2440_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2441" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2442" class="ax_default line">
        <img id="u2442_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2443" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2444" class="ax_default label">
        <div id="u2444_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2445" class="text">
          <p><span>高级</span></p><p><span>功能</span></p>
        </div>
      </div>

      <!-- Unnamed (屏幕) -->

      <!-- Unnamed (矩形) -->
      <div id="u2447" class="ax_default box_1">
        <div id="u2447_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2448" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2449" class="ax_default box_1">
        <div id="u2449_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2450" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2451" class="ax_default icon">
        <img id="u2451_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u2452" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2453" class="ax_default icon">
        <img id="u2453_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u2454" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2455" class="ax_default label">
        <div id="u2455_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2456" class="text">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2457" class="ax_default label">
        <div id="u2457_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2458" class="text">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2459" class="ax_default label">
        <div id="u2459_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2460" class="text">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2461" class="ax_default icon">
        <img id="u2461_img" class="img " src="images/1_-_闹钟首页/u87.png"/>
        <!-- Unnamed () -->
        <div id="u2462" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2463" class="ax_default label">
        <div id="u2463_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2464" class="text">
          <p><span>睡眠音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2465" class="ax_default _图像">
        <img id="u2465_img" class="img " src="images/1_-_闹钟首页/u89.svg"/>
        <!-- Unnamed () -->
        <div id="u2466" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2467" class="ax_default box_2">
        <div id="u2467_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2468" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2469" class="ax_default box_2">
        <div id="u2469_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2470" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2471" class="ax_default box_2">
        <div id="u2471_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2472" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2473" class="ax_default box_2">
        <div id="u2473_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2474" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2475" class="ax_default box_2">
        <div id="u2475_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2476" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2477" class="ax_default box_2">
        <div id="u2477_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2478" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2479" class="ax_default label">
        <div id="u2479_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2480" class="text">
          <p><span>Light Rain</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2481" class="ax_default label">
        <div id="u2481_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2482" class="text">
          <p><span>Heavy Rain</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2483" class="ax_default label">
        <div id="u2483_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2484" class="text">
          <p><span>Forest</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2485" class="ax_default label">
        <div id="u2485_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2486" class="text">
          <p><span>Fireplace</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2487" class="ax_default label">
        <div id="u2487_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2488" class="text">
          <p><span>Coffee Shop</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2489" class="ax_default box_2">
        <div id="u2489_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2490" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u2491" class="ax_default _图像">
        <img id="u2491_img" class="img " src="images/4_1_-_睡眠音乐/u2491.png"/>
        <!-- Unnamed () -->
        <div id="u2492" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2493" class="ax_default label">
        <div id="u2493_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2494" class="text">
          <p><span>Forest</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2495" class="ax_default icon">
        <img id="u2495_img" class="img " src="images/4_1_-_睡眠音乐/u2495.png"/>
        <!-- Unnamed () -->
        <div id="u2496" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2497" class="ax_default label">
        <div id="u2497_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2498" class="text">
          <p><span>1：30：00</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2499" class="ax_default icon">
        <img id="u2499_img" class="img " src="images/4_1_-_睡眠音乐/u2499.png"/>
        <!-- Unnamed () -->
        <div id="u2500" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (屏幕) -->

      <!-- Unnamed (矩形) -->
      <div id="u2502" class="ax_default box_1">
        <div id="u2502_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2503" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2504" class="ax_default box_1">
        <div id="u2504_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2505" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2506" class="ax_default icon">
        <img id="u2506_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u2507" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2508" class="ax_default icon">
        <img id="u2508_img" class="img " src="images/1_-_闹钟首页/u77.png"/>
        <!-- Unnamed () -->
        <div id="u2509" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2510" class="ax_default label">
        <div id="u2510_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2511" class="text">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2512" class="ax_default label">
        <div id="u2512_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2513" class="text">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2514" class="ax_default label">
        <div id="u2514_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2515" class="text">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2516" class="ax_default icon">
        <img id="u2516_img" class="img " src="images/1_-_闹钟首页/u87.png"/>
        <!-- Unnamed () -->
        <div id="u2517" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2518" class="ax_default label">
        <div id="u2518_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2519" class="text">
          <p><span>0</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2520" class="ax_default label">
        <div id="u2520_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2521" class="text">
          <p><span>30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2522" class="ax_default label">
        <div id="u2522_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2523" class="text">
          <p><span>29</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2524" class="ax_default label">
        <div id="u2524_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2525" class="text">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2526" class="ax_default label">
        <div id="u2526_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2527" class="text">
          <p><span>31</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2528" class="ax_default label">
        <div id="u2528_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2529" class="text">
          <p><span>28</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2530" class="ax_default label">
        <div id="u2530_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2531" class="text">
          <p><span>32</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2532" class="ax_default label">
        <div id="u2532_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2533" class="text">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2534" class="ax_default label">
        <div id="u2534_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2535" class="text">
          <p><span>小时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2536" class="ax_default label">
        <div id="u2536_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2537" class="text">
          <p><span>分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2538" class="ax_default label">
        <div id="u2538_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2539" class="text">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2540" class="ax_default label">
        <div id="u2540_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2541" class="text">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2542" class="ax_default label">
        <div id="u2542_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2543" class="text">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2544" class="ax_default label">
        <div id="u2544_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2545" class="text">
          <p><span>33</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2546" class="ax_default label">
        <div id="u2546_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2547" class="text">
          <p><span>34</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2548" class="ax_default label">
        <div id="u2548_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2549" class="text">
          <p><span>35</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2550" class="ax_default label">
        <div id="u2550_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2551" class="text">
          <p><span>27</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2552" class="ax_default label">
        <div id="u2552_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2553" class="text">
          <p><span>26</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2554" class="ax_default label">
        <div id="u2554_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2555" class="text">
          <p><span>25</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u2556" class="ax_default _图像">
        <img id="u2556_img" class="img " src="images/1_-_闹钟首页/u89.svg"/>
        <!-- Unnamed () -->
        <div id="u2557" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2558" class="ax_default box_3">
        <div id="u2558_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2559" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2560" class="ax_default label">
        <div id="u2560_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2561" class="text">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆) -->
      <div id="u2562" class="ax_default ellipse">
        <img id="u2562_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u539.png"/>
        <!-- Unnamed () -->
        <div id="u2563" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2564" class="ax_default line">
        <img id="u2564_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2565" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2566" class="ax_default line">
        <img id="u2566_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2567" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2568" class="ax_default line">
        <img id="u2568_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2569" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u2570" class="ax_default line">
        <img id="u2570_img" class="img " src="images/2_-_闹钟设定_-_快速闹钟/u541.png"/>
        <!-- Unnamed () -->
        <div id="u2571" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2572" class="ax_default label">
        <div id="u2572_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2573" class="text">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (连接符) -->
      <div id="u2574" class="ax_default _连接符">
        <img id="u2574_seg0" class="img " src="images/4_1_-_睡眠音乐/u2574_seg0.png" alt="u2574_seg0"/>
        <img id="u2574_seg1" class="img " src="images/4_1_-_睡眠音乐/u2574_seg1.png" alt="u2574_seg1"/>
        <img id="u2574_seg2" class="img " src="images/4_1_-_睡眠音乐/u2574_seg2.png" alt="u2574_seg2"/>
        <img id="u2574_seg3" class="img " src="images/4_1_-_睡眠音乐/u2574_seg3.png" alt="u2574_seg3"/>
        <img id="u2574_seg4" class="img " src="images/1_-_闹钟首页/u240_seg3.png" alt="u2574_seg4"/>
        <!-- Unnamed () -->
        <div id="u2575" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u2576" class="ax_default _图像">
        <img id="u2576_img" class="img " src="images/1_-_闹钟首页/u242.png"/>
        <!-- Unnamed () -->
        <div id="u2577" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2578" class="ax_default label">
        <div id="u2578_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2579" class="text">
          <p><span>点击（Trap）</span></p>
        </div>
      </div>

      <!-- Unnamed (连接符) -->
      <div id="u2580" class="ax_default _连接符">
        <img id="u2580_seg0" class="img " src="images/4_1_-_睡眠音乐/u2580_seg0.png" alt="u2580_seg0"/>
        <img id="u2580_seg1" class="img " src="images/4_1_-_睡眠音乐/u2580_seg1.png" alt="u2580_seg1"/>
        <img id="u2580_seg2" class="img " src="images/4_1_-_睡眠音乐/u2580_seg2.png" alt="u2580_seg2"/>
        <img id="u2580_seg3" class="img " src="images/4_1_-_睡眠音乐/u2580_seg3.png" alt="u2580_seg3"/>
        <img id="u2580_seg4" class="img " src="images/1_-_闹钟首页/u240_seg3.png" alt="u2580_seg4"/>
        <!-- Unnamed () -->
        <div id="u2581" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u2582" class="ax_default _图像">
        <img id="u2582_img" class="img " src="images/1_-_闹钟首页/u242.png"/>
        <!-- Unnamed () -->
        <div id="u2583" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2584" class="ax_default label">
        <div id="u2584_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2585" class="text">
          <p><span>点击（Trap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2586" class="ax_default _标题_1">
        <div id="u2586_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2587" class="text">
          <p><span>其他功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2588" class="ax_default label">
        <div id="u2588_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2589" class="text">
          <p><span>1. 点击“睡眠音乐”进入对应页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2590" class="ax_default _标题_1">
        <div id="u2590_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2591" class="text">
          <p><span>睡眠音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2592" class="ax_default _标题_1">
        <div id="u2592_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2593" class="text">
          <p><span>睡眠音乐-时长设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2594" class="ax_default label">
        <div id="u2594_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2595" class="text">
          <p><span>1. 页面呈现多种场景的睡眠音乐供用户选择。下方为一个简易播放器。</span></p><p><span><br></span></p><p><span>2. 当用户点击某一单元块时，播放器会显示对应单元格的图片及音乐名称，同时播放音乐。当用户再次点击该单元格时，音乐暂停。</span></p><p><span><br></span></p><p><span>3. 下方播放器的时间计数“1:30:00”，点击右边的下拉按钮将跳转到“睡眠音乐-时长设置”页面。</span></p><p><span><br></span></p><p><span>4. 用户希望继续聆听音乐则固定在该页面，否则点击右上角“×”按钮退出返回“其他功能”页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2596" class="ax_default label">
        <div id="u2596_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2597" class="text">
          <p><span>1. 时间的设定分为“时、分”，用户可上下滑动两个维度进行设置。时：取值范围为0-23，取整数，循环显示；分：取值范围00-59，每1分钟取值，循环显示。</span></p><p><span><br></span></p><p><span>2. 时间选取完毕，点击下方“完成”按钮返回“睡眠音乐”页面。若用户放弃设置时长，则点击左上角”×“按钮返回”睡眠音乐“页面。</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
